<!--
1.xxx is not defined

给加载的模块定义形参，在回调函数内部就可以使用这些模块。

2.为什么jquery 不需要形参就能直接用？


-->

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/Swiper/4.1.0/css/swiper.css" rel="stylesheet">
    <style>
        .swiper-container {
            width: 600px;
            height: 300px;
        }
    </style>
</head>
<body>

<!--
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    &lt;!&ndash; 如果需要分页器 &ndash;&gt;
    <div class="swiper-pagination"></div>

    &lt;!&ndash; 如果需要导航按钮 &ndash;&gt;
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

    &lt;!&ndash; 如果需要滚动条 &ndash;&gt;
    <div class="swiper-scrollbar"></div>
</div>
-->

<div id="editor1" style="width: 500px;height: 300px;border: 1px solid #999;">11111111111111</div>

</body>
<!--<script type="text/javascript" src="https://cdn.bootcss.com/marked/0.3.12/marked.js"></script>-->
<script src="js/lib/require.min.js" data-main="js/main.js" async="true" defer></script>
<script type="text/javascript">
    /*require.config({
        /!*shim:{
         'swiper':{
         deps:[],
         exports:'Swiper'
         }
         },*!/
        paths :{
            //'jquery':'https://cdn.bootcss.com/jquery/3.2.1/jquery.min',
            //'jqueryui':'https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min',
            'swiper':'https://cdn.bootcss.com/Swiper/4.1.0/js/swiper.min'
        }
    })

    require(['swiper'],function(Swiper){

        //$( "#draggable" ).draggable();
        var mySwiper = new Swiper ('.swiper-container', {
            direction: 'vertical',
            loop: true,

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // 如果需要滚动条
            scrollbar: {
                el: '.swiper-scrollbar',
            },
        })

    })*/

</script>
</html>